<!doctype html>
<html lang="ko">

<head>
	<meta charset="utf-8">
	<meta name="format-detection" content="telephone=no" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
	<title>book</title>

	<link rel="stylesheet" href="../css/common.css" type="text/css"/>
	<link rel="stylesheet" href="../css/sub1.css" type="text/css"/>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
	<script src="../js/jQuery.slide.js"></script>
	<script src="../js/jQuery.vertical.js"></script>
	<script src="../js/gev.js"></script>
</head>

<body>
	<section id="sub" class="gev">
		<header class="header">
			<div class="before_search">
				<div class="btn_side"><a href="javascript:void(0);"><img src="../images/common/btn_side.png" alt="" /></a></div>
				<h1><a href="javascript:void(0);"><img src="../images/common/h1_gev.png" alt="" /></a></h1>
				<div class="btn_search"><a href="javascript:void(0);"><img src="../images/common/btn_search.png" alt="" /></a></div>
			</div>

			<div class="after_search" style="display:none;">
				<div class="txt_search_wrap">
					<div class="txt_search_inner">
						<input type="search" class="txt_search" placeholder="search">
						<a href="javascript:void(0);" class="btn_all_search"><img src="../images/common/btn_all_search.png" alt="" /></a>
					</div>
				</div>

				<a href="javascript:void(0);" class="close_search"><img src="../images/common/btn_close_search.png" alt="" /></a>
			</div>
		</header>

		<section class="container">
			<nav class="menu_wrap">
				<ul class="depth1">
					<li><a href="#">게임스코어</a></li>
					<li><a href="#">온라인게임</a></li>
					<li class="on"><a href="#">모바일게임</a></li>
					<li>
						<a href="#">커뮤니티</a>
					</li>
				</ul>
			</nav>

			<header class="tit_menu">
				<h2><a href="#"><img src="../images/common/btn_prev.png" alt="뒤로 가기" /></a> 모바일게임</h2>
				<p>최신 및 인기 모바일게임을 직접 평가하고 스코어 및 순위를 확인해보세요.</p>
			</header>

			<section class="mobile_wrap">
				<section class="list_wrap">
					<header class="tit_sort">
						<h3>전체</h3>
						<a href="#" class="prev">이전</a>
						<a href="#" class="next">다음</a>
					</header>

					<ul class="mb_contents fix">
						<li>
							<a href="#none">
								<span class="thumb">
									<em class="count black">96</em>
									<img src="../images/main/thumb_type1.png" alt="" />
								</span>

								<span class="human">10</span>
								<span class="title">몬스터길들이기 몬스터길들이기</span>
							</a>
						</li>
						<li>
							<a href="#none">
								<span class="thumb">
									<em class="count blue">?</em>
									<img src="../images/main/thumb_type1.png" alt="" />
								</span>

								<span class="human">10</span>
								<span class="title">몬스터길들이기 몬스터길들이기</span>
							</a>
						</li>
						<li>
							<a href="#none">
								<span class="thumb">
									<em class="count green">?</em>
									<img src="../images/main/thumb_type1.png" alt="" />
								</span>

								<span class="human">10</span>
								<span class="title">몬스터길들이기 몬스터길들이기</span>
							</a>
						</li>
						<li>
							<a href="#none">
								<span class="thumb">
									<em class="count red">11</em>
									<img src="../images/main/thumb_type1.png" alt="" />
								</span>

								<span class="human">10</span>
								<span class="title">몬스터길들이기 몬스터길들이기</span>
							</a>
						</li>
						<li>
							<a href="#none">
								<span class="thumb">
									<em class="count orange">33</em>
									<img src="../images/main/thumb_type1.png" alt="" />
								</span>

								<span class="human">10</span>
								<span class="title">몬스터길들이기 몬스터길들이기</span>
							</a>
						</li>
						<li>
							<a href="#none">
								<span class="thumb">
									<em class="count green">?</em>
									<img src="../images/main/thumb_type1.png" alt="" />
								</span>

								<span class="human">10</span>
								<span class="title">몬스터길들이기 몬스터길들이기</span>
							</a>
						</li>
						<li>
							<a href="#none">
								<span class="thumb">
									<em class="count red">11</em>
									<img src="../images/main/thumb_type1.png" alt="" />
								</span>

								<span class="human">10</span>
								<span class="title">몬스터길들이기 몬스터길들이기</span>
							</a>
						</li>
						<li>
							<a href="#none">
								<span class="thumb">
									<em class="count orange">33</em>
									<img src="../images/main/thumb_type1.png" alt="" />
								</span>

								<span class="human">10</span>
								<span class="title">몬스터길들이기 몬스터길들이기</span>
							</a>
						</li>
						<li>
							<a href="#none">
								<span class="thumb">
									<em class="count black">96</em>
									<img src="../images/main/thumb_type1.png" alt="" />
								</span>

								<span class="human">10</span>
								<span class="title">몬스터길들이기 몬스터길들이기</span>
							</a>
						</li>
						<li>
							<a href="#none">
								<span class="thumb">
									<em class="count blue">?</em>
									<img src="../images/main/thumb_type1.png" alt="" />
								</span>

								<span class="human">10</span>
								<span class="title">몬스터길들이기 몬스터길들이기</span>
							</a>
						</li>
						<li>
							<a href="#none">
								<span class="thumb">
									<em class="count green">?</em>
									<img src="../images/main/thumb_type1.png" alt="" />
								</span>

								<span class="human">10</span>
								<span class="title">몬스터길들이기 몬스터길들이기</span>
							</a>
						</li>
						<li>
							<a href="#none">
								<span class="thumb">
									<em class="count red">11</em>
									<img src="../images/main/thumb_type1.png" alt="" />
								</span>

								<span class="human">10</span>
								<span class="title">몬스터길들이기 몬스터길들이기</span>
							</a>
						</li>
						<li>
							<a href="#none">
								<span class="thumb">
									<em class="count black">96</em>
									<img src="../images/main/thumb_type1.png" alt="" />
								</span>

								<span class="human">10</span>
								<span class="title">몬스터길들이기 몬스터길들이기</span>
							</a>
						</li>
						<li>
							<a href="#none">
								<span class="thumb">
									<em class="count blue">?</em>
									<img src="../images/main/thumb_type1.png" alt="" />
								</span>

								<span class="human">10</span>
								<span class="title">몬스터길들이기 몬스터길들이기</span>
							</a>
						</li>
						<li>
							<a href="#none">
								<span class="thumb">
									<em class="count green">?</em>
									<img src="../images/main/thumb_type1.png" alt="" />
								</span>

								<span class="human">10</span>
								<span class="title">몬스터길들이기 몬스터길들이기</span>
							</a>
						</li>
						<li>
							<a href="#none">
								<span class="thumb">
									<em class="count red">11</em>
									<img src="../images/main/thumb_type1.png" alt="" />
								</span>

								<span class="human">10</span>
								<span class="title">몬스터길들이기 몬스터길들이기</span>
							</a>
						</li>
					</ul>
				</section>

				<div class="btn_more">
					<a href="#"><span>더보기</span></a>
				</div>
				<div class="btn_top">
					<a href="#"><img src="../images/common/btn_top1.png" alt="TOP" /></a>
				</div>
			</section>
		</section>

		<footer class="footer">
			<div class="sitemap">
				<span class="mygev"><a href="#none">My 게볼루션</a></span>
				<span class="login"><a href="#none">로그인</a></span>
				<span class="PC"><a href="#none">PC버전</a></span>
			</div>

			<div class="corp">
				<a href="#none">회사소개</a><em>|</em>
				<a href="#none">이용약관</a><em>|</em>
				<a href="#none">개인정보 취급방침</a><em>|</em>
				<a href="#none">고객센터</a>
			</div>
			
			<div class="copyright">@ tapfunny Corporation. All Rights Reserved.</div>
		</footer>

		<section class="panel" id="panel">
			<!-- <div class="before_login">로그인 전-->
			<div class="after_login"><!-- 로그인 후-->
				
				<div class="info">
					<div class="login_info fix">
						<!--img src="../images/before_login.png" alt="" /-->
						<img src="../images/common/after_login.png" alt="" />
						<span class="nick">예삐냠냠.</span>
					</div>

					<a class="home" href="javascript:void(0);"><img src="../images/common/btn_home.png" alt="" /></a>
					<a class="close" href="javascript:void(0);"><img src="../images/common/btn_panel_close.png" alt="" /></a>
				</div>

				<div class="panel_list">
					<div class="common_list">
						<ul>
							<li class="login">
								<a href="#none">
									<span class="menu">로그아웃</span>
									<span class="arrow"></span>
								</a>
							</li>
							<li class="reg">
								<a href="#none">
									<span class="menu">my 게볼루션</span>
									<span class="arrow"></span>
								</a>
							</li>
						</ul>
					</div>

					<div class="menu_list">
						<h2>메뉴</h2>
						<ul>
							<li class="score">
								<a href="#none">
									<span class="menu">게임스코어</span>
									<span class="arrow"></span>
								</a>
							</li>
							<li class="online">
								<a href="#none">
									<span class="menu">온라인게임</span>
									<span class="arrow"></span>
								</a>
							</li>
							<li class="mobile">
								<a href="#none">
									<span class="menu">모바일게임</span>
									<span class="arrow"></span>
								</a>
							</li>
							<li class="community">
								<a href="#none">
									<span class="menu">커뮤니티</span>
									<span class="arrow"></span>
								</a>
							</li>
							<li class="event">
								<a href="#none">
									<span class="menu">이벤트</span>
									<span class="arrow"></span>
								</a>
							</li>
							<li class="customer">
								<a href="#none">
									<span class="menu">고객센터</span>
									<span class="arrow"></span>
								</a>
							</li>
						</ul>
					</div>
				</div>

			</div>

		</section>

		<div class="dimmed"></div>

	</section>

	<script>
		$('#mainSwipe').swipe({
			paging:'#mainSwipePaging',
			currentPaging:0,
			pagingActive:'on',
			rollingTime:4000,
			animationTime:300,
			autoRolling:true
		});

		jQuery('#mainSwipePaging').each(function(i) {
			jQuery(this).find('a').each(function(j) {
				jQuery(this).on('click',function() {
					$.config.myNn[i].goSlide(j);
				});
			});
		});

		$('#gamerSwipe').swipe({
			paging:'#gamerSwipePaging',
			currentPaging:0,
			pagingActive:'on',
			rollingTime:4000,
			animationTime:300,
			autoRolling:true
		});

		jQuery('#gamerSwipePaging').each(function(i) {
			jQuery(this).find('a').each(function(j) {
				jQuery(this).on('click',function() {
					$.config.myNn[i].goSlide(j);
				});
			});
		});

		if(jQuery('.sub_notice').size() >0 ){
			jQuery(".sub_notice").vTicker({ 
				speed: 500,
				pause: 5000,
				animation: 'fade',
				mousePause: false,
				showItems: 1
			});
		}

	</script>
</body>
</html>